<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入ESAYUI 的主题样式   -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<!--  ESAYUI 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入JQUERY 和  easyui.js   中文设置JS-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
$(function(){
	//----配置部门下拉框----
	$('#did').combobox({
	url : 'selectdid',
	valueField : 'id',
	textField : 'text',
	panelHeight : 'auto'
});
	//构建离职申请单
	$('#winlz').window({    
		title : '离职申请单',
		width : 1060,
		height : 500,
		collapsible : false,//关闭折叠按钮
		closable : true,//x按钮
		minimizable : false   
	});  
	// 发起离职请求
	$("#lzbmit").linkbutton({
		onClick : function() {

			$('#lz').submit();
			$('#winlz').window('close');  
		}

	})
	$('#lz').form({
		url : 'LZSQ',
		onSubmit : function() {

		},
		success : function(data) {

		}
	});
	
	// ---- 查询处理按钮 ----
	$("#cmit").linkbutton({
	onClick : function() {
		$('#winlz').window('close');
		$('#winlzsq').window('open');
		
	}

});
	//---- 配置查询框 ----
	$('#winlzsq').window({    
		title : '查询',
	    width:1000,    
	    height:400,    
	    closed:true,
		collapsible : false,//关闭折叠按钮
		closable : false,//关闭x按钮
		minimizable : false,//关闭x最小化
		maximizable:false//关闭最大化		   
	}); 
	//审批结果展示
	$('#dglzsq').datagrid({    
	    
	  url:'Lsearch',
	    columns:[[    
	        {field:'ename',title:'姓名',width:100},      
	        {field:'department',title:'部门',width:100},  
	        {field:'wcontent',title:'离职事由',width:100},   
	        {field:'opinion',title:'审批结果',width:100},    
	        {field:'remake',title:'备注',width:100},    
	        {field:'retime',title:'审批时间',width:100}, 
	        {field:'state',title:'审核状态',width:100}, 
	    ]],
	    
	});  

	
	



})
</script>
<body>
<div>
<a id="cmit" href="#" class="easyui-linkbutton">查询处理</a>

</div>
<!-- 离职申请单 -->
	<!-- 加班条框开始 -->
	<div id="winlz">
		<div style="text-align: center;">
			<h3>离职申请表</h3>
		</div>
		<br>
	<form id = "lz" method="post">
			<!-- 申请人 -->
			<div style="margin-left: 40px">
				申&nbsp;请&nbsp;人&nbsp;<input type="text" id="ename" name=" ename"value="${sessionScope.user.username}"> 
			</div>
			<br>
			<!-- 人员编号 -->
			<div style="margin-left: 40px">
				人员编号<input type="text" id="eid" name=" eid"value="${sessionScope.user.usernum}"> 			
			</div>
			<br>
			<!-- 性别 -->
			<div style="margin-left: 40px;">
			<label>性别&nbsp;&nbsp;&nbsp;</label> 
			<select name= ""> 
			<option value="">男</option> 
			<option value="">女</option> 
			</select> 
			</div>
			<br>
			<!--  身份证号码 -->
			<div style="margin-left: 40px">
			身份证号码<input type="text" id="eid" name=" eid"value=""/> 			
			</div>
			<br>
			<!-- 入职日期 -->
			<div style="margin-left: 500px; margin-top: -50px">
				申请日期<input id="date" name="date" class="easyui-datebox"label="Start Date:" labelPosition="top" style="width: 30%;" required="true">
			</div>		
			<br> 
			<!-- 部门选择用下拉框 -->
			<div style="margin-left: 600px">						
					部门:<input id="did" value="请选择 " name='did' required="true" />
					</div>
			<!-- 离职原因 -->
			<div style="margin-left: 40px">
			离职原因：
				<div style="margin-left: 40px">
					<textarea id ="MSG" name="MSG" cols=40 rows=2  required="true">
					</textarea>
					</div>
			</div>
			<br>
			<!-- 离职日期时间 -->
			<div style="margin-left: 40px">
				申请离职日期 <input id="ltime" name="ltime" required="true" class="easyui-datetimebox" label="Select DateTime:" labelPosition="top" style="width: 40%;" required="true">
			</div>
			<br>
			<!-- 审批结果 -->
			<div style="margin-left: 40px">
				审批结果 <input id="opinion" name="opinion" type="text"style="width: 100px; height: 30px;">
			</div>
			<br>
			<div style="text-align: center;">
				<a id="lzbmit" href="#" class="easyui-linkbutton">提交</a>
			</div>
	</form>
</div>
<!-- 离职条框结束 -->

<!-- 离职申请审核查询 -->
<!--   审批结果展示 -->

<div id="winlzsq" style="padding:10px;">    
<!-- 审批结果 -->
	<table id="dglzsq">
	
	</table>  
 
</div>  






</body>
</html>